<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org">
<head>
<title>首页</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
	<div id="content">
		<section class="content-header">
			<h1>
				<i class="fa fa-cogs"></i> <strong>主动售后</strong>
			</h1>
			<ol class="breadcrumb">
				<li><a href="#"><i class="fa fa-home "></i>Home</a></li>
				<li>售后管理</li>
				<li class="active">主动售后</li>
			</ol>
		</section>
		<!-- Main content -->
		<section class="content">
			<div class="row">
				<div class="col-md-12">
					<div class="box box-info">
						<div class="box-header with-border">
							<i class="fa fa-th-list"></i>
							<h4 class="box-title">主动售后记录</h4>
						</div>
						<div class="box-body">
							<div class="form-inline">

								<div class="form-group">
									<input type="hidden" id="contractID" name="contractID" /> <input
										type="text" id="keyword" class="form-control"
										placeholder="search..." style="width: 240px;" />
									<button type="button" class="btn btn-info searchBtn">查询</button>
									<button type="button" name="reset" id="reset-btn"
										class="btn btn-info resetBtn">撤消</button>
								</div>
								<div class="form-group pull-right">
									<button type="button" class="btn btn-info checkBtn">查看维护计划</button>
									<!--<button type="button" class="btn btn-info addBtn">添加</button>-->
									<!--<button type="button" class="btn btn-info editBtn">编辑</button>-->
								</div>
							</div>
						</div>
						<div class="box box-body">
							<table id="activeTable"
								class="mytable dataTable table-bordered text-center table-striped table-hover"
								cellspacing="0" width="100%">
								<thead>
									<tr>
										<th width="5%">序号</th>
										<th width="12%">操作</th>
										<th width="10%">合同号</th>
										<th width="15%">项目名称</th>
										<th width="15%">订货单位</th>
										<th width="10%">维护时间</th>
										<th width="10%">状态</th>
										<th width="23%">备注</th>
									</tr>
								</thead>
								<tbody>

								</tbody>
							</table>
						</div>
						<!--主动售后信息添加弹窗-->
						<div class="modal" id="activeModal">
							<div class="modal-dialog" role="dialog">
								<form id="activeEditForm">
									<div class="modal-content">
										<div class="modal-header">
											<button type="button" class="close" data-dismiss="modal"
												aria-label="Close">
												<span aria-hidden="true">&times;</span>
											</button>
											<h4 class="modal-title">
												<strong>主动售后</strong>
											</h4>
										</div>
										<div class="modal-body">
											<input type="hidden" name="id" id="id" />
											<div class="form-horizontal">
												<div class="form-group">
													<label class="col-sm-2 control-label">合同号</label>
													<div class="col-sm-4">
														<div class="col-md-11">
															<!--<select id="supplierCode" class="form-control" type="text"><select>-->
															<select class="form-control" id="supplierCode"
																name="supplierCode" readonly="readonly">
																<option th:each="supplierCode:${supplierCodes}"
																	th:value="${supplierCode}" th:text="${supplierCode}">
																</option>
															</select>
														</div>
														<div class="col-md-1">
															<span style="color: #F00; fontsize: 30px">*</span>
														</div>
													</div>
													<label class="col-sm-2 control-label">项目名称</label>
													<div class="col-sm-4">
														<div class="col-md-11">
															<input class="form-control" type="text" id="projectName"
																name="projectName" readonly="readonly" />
														</div>
														<div class="col-md-1">
															<span style="color: #F00; fontsize: 30px">*</span>
														</div>
													</div>
												</div>
												<div class="form-group">
													<label class="col-sm-2 control-label">订货单位</label>
													<div class="col-sm-4">
														<div class="col-md-11">
															<input class="form-control" type="text" id="orderUnit"
																name="orderUnit" readonly="readonly" />
														</div>
														<div class="col-md-1">
															<span style="color: #F00; fontsize: 30px">*</span>
														</div>
													</div>
													<label class="col-sm-2 control-label">维护时间</label>
													<div class="col-sm-4">
														<div class="col-md-11">
															<input class="form-control" type="date"
																name="servicingTime" id="servicingTime"
																datatype="*,*1-100" nullmsg="请输入维护时间" />
														</div>
														<div class="col-md-1">
															<span style="color: #F00; fontsize: 30px">*</span>
														</div>
													</div>
												</div>
												<div class="form-group">
													<label class="col-sm-2 control-label">状态</label>
													<div class="col-sm-4">
														<div class="col-md-11">
															<input class="form-control" type="text" id="state"
																name="state" />
														</div>
														<div class="col-md-1">
															<span style="color: #F00; fontsize: 30px">*</span>
														</div>
													</div>
													<label class="col-sm-2 control-label">备注</label>
													<div class="col-sm-4">
														<div class="col-md-11">
															<input class="form-control" type="text" name="memo"
																id="memo" />
														</div>
														<div class="col-md-1">
															<span style="color: #F00; fontsize: 30px">*</span>
														</div>
													</div>
												</div>
											</div>
										</div>
										<div class="modal-footer">
											<button type="button" class="btn btn-primary saveBtn">保存</button>
											<button type="button" class="btn btn-default"
												data-dismiss="modal">返回</button>

										</div>
									</div>
								</form>
							</div>
						</div>
						<!--主动售后信息编辑弹窗-->
						<div class="modal" id="activeEditModal">
							<div class="modal-dialog" role="dialog">
								<form id="activeEditForm1">
									<div class="modal-content">
										<div class="modal-header">
											<button type="button" class="close" data-dismiss="modal"
												aria-label="Close">
												<span aria-hidden="true">&times;</span>
											</button>
											<h4 class="modal-title">
												<strong>主动售后</strong>
											</h4>
										</div>
										<div class="modal-body">
											<input type="hidden" name="activeId" id="activeId" /> <input
												type="hidden" name="createTime" id="createTime" />
											<div class="form-horizontal">
												<div class="form-group">

													<label class="col-sm-2 control-label">合同号</label>
													<div class="col-sm-4">
														<div class="col-md-11">
															<!--<select id="supplierCode" class="form-control" type="text"><select>-->
															<input class="form-control" id="activesupplierCode"
																name="supplierCode" readonly="readonly" />
														</div>
														<div class="col-md-1">
															<span style="color: #F00; fontsize: 30px">*</span>
														</div>
													</div>
													<label class="col-sm-2 control-label">项目名称</label>
													<div class="col-sm-4">
														<div class="col-md-11">
															<input class="form-control" type="text"
																id="activeprojectName" name="projectName"
																readonly="readonly" />
														</div>
														<div class="col-md-1">
															<span style="color: #F00; fontsize: 30px">*</span>
														</div>
													</div>
												</div>
												<div class="form-group">
													<label class="col-sm-2 control-label">订货单位</label>
													<div class="col-sm-4">
														<div class="col-md-11">
															<input class="form-control" type="text"
																id="activeorderUnit" name="orderUnit"
																readonly="readonly" />
														</div>
														<div class="col-md-1">
															<span style="color: #F00; fontsize: 30px">*</span>
														</div>
													</div>
													<label class="col-sm-2 control-label">维护时间</label>
													<div class="col-sm-4">
														<div class="col-md-11">
															<input class="form-control" type="date"
																name="servicingTime" id="activeservicingTime"
																datatype="*,*1-100" nullmsg="请输入维护时间" />
														</div>
														<div class="col-md-1">
															<span style="color: #F00; fontsize: 30px">*</span>
														</div>
													</div>
												</div>
												<div class="form-group">
													<label class="col-sm-2 control-label">状态</label>
													<div class="col-sm-4">
														<div class="col-md-11">
															<input class="form-control" type="text" id="activestate"
																name="state" />
														</div>
														<div class="col-md-1">
															<span style="color: #F00; fontsize: 30px">*</span>
														</div>
													</div>
													<label class="col-sm-2 control-label">备注</label>
													<div class="col-sm-4">
														<div class="col-md-11">
															<input class="form-control" type="text" name="memo"
																id="activememo" />
														</div>
														<div class="col-md-1">
															<span style="color: #F00; fontsize: 30px">*</span>
														</div>
													</div>
												</div>
											</div>
										</div>
										<div class="modal-footer">
											<button type="button" class="btn btn-default"
												data-dismiss="modal">返回</button>
											<button type="button" class="btn btn-primary saveactiveBtn">保存</button>
										</div>
									</div>
								</form>
							</div>
						</div>
						<div class="box-body">
							<div class="box-header with-border">
								<i class="fa fa-th-list"></i>
								<h4 class="box-title">维护计划</h4>
							</div>
							<div class="form-group">
								<button class="btn btn-info pull-right dealBtn">添加通知</button>
							</div>
						</div>
						<div class="box box-body">
							<table id="planTable"
								class="mytable dataTable table-bordered text-center table-striped table-hover"
								cellspacing="0" width="100%">
								<thead>
									<tr>
										<th>序号</th>
										<th><input type="checkbox" id="checkAll" /></th>
										<th>设备名称</th>
										<th>开始时间</th>
										<th>处理时间</th>
										<th>维护周期(天)</th>
										<th>维护项目</th>
										<th>注意事项</th>
										<th>状态</th>
										<th width="30%">备注</th>
									</tr>
								</thead>
								<tbody>
									
								</tbody>
							</table>
						</div>
						<div class="box-body">
							<div class="box-header with-border">
								<i class="fa fa-th-list"></i>
								<h4 class="box-title">通知记录</h4>
							</div>
							<div class="form-inline">
								<div class="form-group">
									<input type="text" id="keywordContact" class="form-control"
										placeholder="search..." style="width: 240px;" />
									<button type="button" class="btn btn-info searchContactBtn">查询</button>
									<button type="button" name="reset"
										class="btn btn-info resetContactBtn">撤消</button>
								</div>
								<div class="form-group pull-right">
									<!--<button class="btn btn-info addContactBtn">新增</button>-->
									<button class="btn btn-info editContactBtn">编辑</button>
									<!--<button class="btn btn-info delContactBtn">删除</button>-->
								</div>
							</div>
						</div>

						<div class="box box-body">
							<table id="contactTable"
								class="mytable dataTable table-bordered text-center table-striped table-hover"
								cellspacing="0" width="100%">
								<thead>
									<tr>
										<th width="5%">序号</th>
										<th width="2%"><input type="checkbox"
											id="checkcontactAll" /></th>
										<th width="10%">联络时间</th>
										<th width="10%">联络人</th>
										<th width="10%">联系方式</th>
										<th width="10%">经办人</th>
										<th width="10%">联络结果</th>
										<th width="10%">联络内容</th>
										<th width="30%">备注</th>
									</tr>
								</thead>
								<tbody>
									<!--<tr>-->
									<!--<td>1</td>-->
									<!--<td><button type="button" class="btn btn-sm btn-info accessBtn" title="添加通知记录">-->
									<!--<i class="fa fa-pencil"></i>-->
									<!--</button>-->
									<!--<button type="button" class="btn btn-sm btn-info accessBtn" title="查看维护计划">-->
									<!--<i class="fa fa-remove"></i>-->
									<!--</button></td>-->
									<!--<td></td>-->
									<!--<td></td>-->
									<!--<td></td>-->
									<!--<td></td>-->
									<!--<td></td>-->
									<!--<td></td>-->
									<!--<td></td>-->
									<!--</tr>-->

								</tbody>
							</table>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!--添加联系记录弹窗-->
		<div class="modal" id="contactModal">
			<div class="modal-dialog" role="dialog">
				<div class="modal-content">
					<form id="contactForm">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal"
								aria-label="Close">
								<span aria-hidden="true">&times;</span>
							</button>
							<h4 class="modal-title">
								<strong>联系记录</strong>
							</h4>
						</div>
						<div class="modal-body">
							<input type="hidden" name="contactId" id="contactId" /> <input
								type="hidden" name="createTime" id="createTime" />
							<div class="form-horizontal">
								<div class="form-group">
									<label class="col-sm-2 control-label">联络时间</label>
									<div class="col-sm-4">
										<div class="col-md-11">
											<input class="form-control" type="date" name="contactTime"
												id="contactTime" datatype="*,*1-100,t" nullmsg="请输入联络时间" />
										</div>
										<div class="col-md-1">
										<span style="color:#F00">*</span>
										</div>
									</div>
									<label class="col-sm-2 control-label">联络人</label>
									<div class="col-sm-4">
										<div class="col-md-11">
											<input class="form-control" type="text" name="contact"
												id="contact" datatype="*,*1-100,t" nullmsg="请输入联络人" />
										</div>
										<div class="col-md-1">
										<span style="color:#F00">*</span>
										</div>
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-2 control-label">联络方式</label>
									<div class="col-sm-4">
										<div class="col-md-11">
											<input class="form-control" type="text" name="contactWay"
												id="contactWay" datatype="*,*1-100,t" nullmsg="请输入联系方式"
												errormsg="请输入电话" />
										</div>
									    <div class="col-md-1">
										<span style="color:#F00">*</span>
										</div>
									</div>
									<label class="col-sm-2 control-label">经办人</label>
									<div class="col-sm-4">
										<div class="col-md-11">
											<input class="form-control" type="text" name="operator"
												id="operator" datatype="*,*1-100,t" nullmsg="请输入经办人"  readonly="true"
												th:value="${operator}"/>
										</div>
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-2 control-label">联络结果</label>
									<div class="col-sm-4">
										<div class="col-md-11">
											<!--<input class="form-control" type="text" name="contactResult" id="contactResult" datatype="*,*1-100,t" nullmsg="请输入联络结果"/>-->
											<select class="form-control" id="contactResult"
												name="contactResult">
												<!--<option th:each="contactResult:${contactResults}"-->
												<!--th:text="${contactResult.title}"-->
												<!--th:value="${contactResult.value}"></option>-->
												<option>有效</option>
												<option>无效</option>
											</select>
										</div>
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-2 control-label">联络内容</label>
									<div class="col-sm-10">
										<div class="col-md-11">
											<textarea class="form-control" type="text"
												name="contactContent" id="contactContent"
												datatype="*,*1-100,t" nullmsg="请输入联络内容"></textarea>
										</div>
										<div class="col-md-1">
										<span style="color:#F00">*</span>
										</div>
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-2 control-label">备注</label>
									<div class="col-sm-10">
										<div class="col-md-11">
											<textarea class="form-control" type="text" name="memo1"
												id="memo1"></textarea>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-primary saveContactBtn">保存</button>
							<button type="button" class="btn btn-default"
								data-dismiss="modal">返回</button>

						</div>
					</form>
				</div>
			</div>
		</div>

		<script th:src="@{/aftersaleactive/activeindex.js}"></script>
	</div>

</body>
</html>

